import BaseHeader from '@/components/common/BaseHeader.vue';

export default {
	components: {
		BaseHeader,
	},
	methods: {
		/**
		 * @method 图片预览
		 * @param {*} url
		 * @returns 防止重定向的图片url
		 */
		getImages(url) {
			// 正则判断是否为url
			/** BUG: 直接写入图片地址会报错403
			 * 原因：403是防止盗链的错误（这种设计，是api厂商正常保证自己的服务器不被刷流量）
			 * <meta name="referrer" content="no-referrer" />
			 * 防盗链的机制：通过页面的referrer信息，判断访问者来源，是否本站点，然后对图片等请求作出相应
			 */
			if (url.match(/^(https?|ftp):\/\/(([a-zA-Z0-9.-]*)(:\d+)?)(\/\S*)?$/)) {
				return url;
			}
		},
		JumpFoodsDetail({ id }) {
			this.$router.push({
				path: '/FoodDetailInfo',
				query: {
					id,
				},
			});
		},
		/**
		 * @method 返回上一页
		 */
		onClickLeft() {
			if (this.$route.meta.keepAlive) {
				this.$store.commit('changeUserPageShow');
			} else {
				this.$router.go(-1);
			}
		},
		/** @method 弹出提示词 */
		toast(msg) {
			let flag = ['string', 'number'];
			if (!flag.includes(typeof msg)) {
				msg = '该功能正在开发中……';
			}
			this.$toast(msg);
		},
	},
};
